*{
    margin:0;
    padding:0;

}
a{
    text-decoration: none;

}
li{
    list-style: none;
}
.main-a{
    width:100%;
    height:100%;
    background:#faf7f7;
    overflow: auto;
  

}
.head{
    width:100%;
    height:8%;
    background:pink;
    display: flex;
   font-size: 18px;
   color:#fff;
   
  
    align-items: center;
  
}
.left{
    margin-left:5%;
}
.rights{
    margin-left:66%;
}
.main-c{
     width:100%;
     height:92%;
   
     display: flex;
     flex-direction: column;
     align-items: center;
   overflow: auto;
   
}
.list-c{
    width:98%;
    height:26%;
    background:#fff;
    margin-top:3%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    
}
.first-p{
    width:18%;
    height:42%;
    background:pink;
}
.first-p img{
    width:100%;
    height:100%;
}
.last-p{
    width:68%;
    height:60%;
    background:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.last-p a{
    width:100%;
    height:100%;
}
.pname{
    width:95%;
    height:90%;
    word-break: break-all;
  
    font-size: 15px;
    line-height: 24px;
    color:#908e8e;
 
    
}
.p-bottom{
    width:95%;
   
  
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.pprice{
    color:#fe6a0a;

}
.ant-input-number {
    margin-right: 10px;
  width:40%;
  height:30px;
 
  position: relative;
   
  }
.ant-input-number-handler-wrap{
    
   
    position: absolute;
    right:0;
    top:0;
    display: flex;
    flex-direction: column;
    width:10px;
    height:15px;
    font-size:12px;
}
.ant-input-number-input{
    width:100%;
    height:28px;
    border:1px solid #cecece;
    line-height: 28px;
    padding:0 5px;
    font-size: 16px;
    color:#908e8e;

   
   
}
.ant-input-number-handler ant-input-number-handler-up {
    margin-bottom:3px;
    position: absolute;
    right:10px;
    top:3px;
    width:10px !important;
    height:18px !important;

}
.ant-input-number-handler ant-input-number-handler-down {
    position: absolute;
    right:3px;
    top:0px;
}
.button-c{
    width:6.5%;
    height:15%;
    border:1px solid #ccc;
    background:#fff;
    background-color: #fff;
     
     border-radius: 50%;
}

.hide-c{
    width:100%;
    height:8%;
    position: absolute;
    left:0;
    bottom:8%;
    border-top:1px solid #ccc;
    display: flex;
    align-items: center;
    color:#908e8e;
    background:#fff;
    display: none;
    line-height:8%;

   

}
.button-b{
    width:6.5%;
    height:45%;
    border:1px solid #ccc;
    background:#fff;
    background-color: #fff;
    
     border-radius: 50%;
     margin:0 3%;
     margin-top:3%;
}
.money-c{
    width:30%;
   height:100%;
    font-size: 16px;
    margin-left:36%;
    color:#908e8e;
    margin-top:-2%;
  
}
.money-c span{
    color:#fe6a0a;
}
.jiesuan{
    width:17%;
    height:66%;
    border:0;
    background:#fe6a0a;
    border-radius:20px;
    color:#fff;
    float:right;
    margin-right:19%;
    margin-top:-18.5%;

}
.shanchu{
    width:17%;
    height:66%;
    border:0;
    background:#fe6a0a;
    border-radius:20px;
    color:#fff;
    float:left;
    margin-top:-18.5%;
    margin-left:82%;
    
}

.box-c{
    width:95%;
    height:85vh;
   
    overflow: auto;
}
.quanbu{
   
}
.cartkong{
    width: 65%;
    height: 25%;
    background: #fff;
    margin-top: 30%;
    margin-left: 11%;
    display: flex;
    align-items: center;
    padding-left: 12%;
    font-size: 20px;
}
.cartkong button{
    width:30%;
    height:25%;
    border:0;
    font-size: 20px;
    margin-left:10%;
    
}
.cartkonga{
    width: 65%;
    height: 25%;
    background: #fff;
    margin-top: 30%;
    margin-left: 11%;
    display: flex;
    align-items: center;
    padding-left: 5%;
    padding-right:5%;
    font-size: 20px;
}
